<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>我的首页</title>
		<link rel="shortcut icon" href="img/touxiang.jpg">
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/Rocket.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/IndexC.css" />
	</head>
	<body class="home">
		<!-- 小火箭 -->
		<div style="display: none;" id="rocket-to-top" class="rocket">
			<div style="opacity:0;display: block;" class="level-2"></div>
			<div class="level-3"></div>
		</div>
		<div class="BackGround">
			<div class="Head">
				<hgroup>
					<!-- 头部网站简介 -->
					<h1 class="tittle">Xus · 博客</h1>
					<h2 class="description">· Xus的日常创造博客，把创造的过程记录下来给以后的我看！</h2>
				</hgroup>
				<!-- 导航栏 -->
				<nav class="Navigation">
					<ul class="menu">
						<li>
							<a href="#">
								<p class="iconfont"></p>首页
							</a>
						</li>
						<li>
							<a href="DailyShare.html">
								<p class="iconfont"></p>今日の分享
							</a>
						</li>
						<li>
							<a href="music.html">
								<p class="iconfont"></p>音乐盒
							</a>
							</li>
						<li>
							<a href="Register.html">
								<p class="iconfont"></p>登录&注册
							</a>
						</li>
					</ul>
				</nav>
			</div>
			<!-- 帖子 -->
			<div class="Note">
				<ul>
					<li>
						<h3>
							<a href="https://mp.weixin.qq.com/s/qrfYAn4OQitHVuW9oQeHaw" title="Xus | 分析校园视频课程网站" target="view_window">Xus | 分析校园视频课程网站</a>
						</h3>
						<div class="Ct">
							<div class="IMG">
								<i>
									<a href="#">个人心得</a>
								</i>
								<a href="https://mp.weixin.qq.com/s/qrfYAn4OQitHVuW9oQeHaw">
									<img src="img/ShowImg3.jpg">
								</a>
							</div>
							<div class="Content">
								<!-- 右边内容 -->
								<div class="author-info">
									<!-- 作者信息 -->
									<div class="author-img">
										<div class="touxiang">
											<img src="img/touxiang.jpg">
										</div>
										<span>XusJournal</span>
									</div>
									<span class="G_Span"></span>
									<!-- 发布时间 -->
									<span class="time">2020-02-22</span>
									<!-- 发布类型 -->
									<!-- <span class="G_Span"></span> -->
									<!-- <span class="Type">【<a href="#">技术文章</a>】</span> -->
								</div>
								<div class="news-info">
									受疫情的影响，我们学校采取网上上课的模式授课，
									并且要求学生们在家中完成指定的视频课程，这个是关于近期的‘新冠肺炎’的课程，...
								</div>
							</div>
						</div>
					</li>
					<li>
						<h3>
							<a href="https://mp.weixin.qq.com/s/h2hyn3V8IlAKGu9HrpGLkg" title="Xus | 第一篇技术文章 -【1.服务器与公众号的对接】" target="view_window">Xus
								| 第一篇技术文章 -【1.服务器与公众号的对接】</a>
						</h3>
						<div class="Ct">
							<div class="IMG">
								<i>
									<a href="#">个人心得</a>
								</i>
								<a href="https://mp.weixin.qq.com/s/h2hyn3V8IlAKGu9HrpGLkg">
									<img src="img/ShowImg2.jpg">
								</a>
							</div>
							<div class="Content">
								<!-- 右边内容 -->
								<div class="author-info">
									<!-- 作者信息 -->
									<div class="author-img">
										<div class="touxiang">
											<img src="img/touxiang.jpg">
										</div>
										<span>XusJournal</span>
									</div>
									<span class="G_Span"></span>
									<!-- 发布时间 -->
									<span class="time">2020-02-01</span>
									<!-- 发布类型 -->
									<!-- <span class="G_Span"></span> -->
									<!-- <span class="Type">【<a href="#">技术文章</a>】</span> -->
								</div>
								<div class="news-info">
									公众号后台不是本身就有各种各样的功能吗？
									为什么还要说到开发者头上？A:公众号的后台基本功能非常丰富，
									有回复固定语句、根据用户回复对话、...
								</div>
							</div>
						</div>
					</li>
					<li>
						<h3>
							<a href="https://mp.weixin.qq.com/s/6g1b4hKgAvIWyKBZJc2_eA" title="Xus 丨 新年新气象，我的第一篇分享文章！" target="view_window">Xus
								丨 新年新气象，我的第一篇分享文章！</a>
						</h3>
						<div class="Ct">
							<div class="IMG">
								<i>
									<a href="#">个人心得</a>
								</i>
								<a href="https://mp.weixin.qq.com/s/6g1b4hKgAvIWyKBZJc2_eA">
									<img src="img/ShowImg1.jpg">
								</a>
							</div>
							<div class="Content">
								<!-- 右边内容 -->
								<div class="author-info">
									<!-- 作者信息 -->
									<div class="author-img">
										<div class="touxiang">
											<img src="img/touxiang.jpg">
										</div>
										<span>XusJournal</span>
									</div>
									<span class="G_Span"></span>
									<!-- 发布时间 -->
									<span class="time">2020-01-29</span>
									<!-- 发布类型 -->
									<!-- <span class="G_Span"></span> -->
									<!-- <span class="Type">【<a href="#">个人博客</a>】</span> -->
								</div>
								<div class="news-info">
									前言：这个公众号被我当成了日志，把学习中的一点一滴记录下来，
									见证自己的成长，也有助于我的回顾与查漏补缺。...
								</div>
							</div>
						</div>
					</li>
				</ul>
				<!-- 自我介绍 -->
				<div class="Myslef">
					<div class="buy">
						<div class="MyTx">
							<img src="img/touxiang.jpg">
						</div>
						<a href="" class="buy-address">聪明<br>伶俐</a>
						<a href="" class="buy-address">眉清<br>目秀</a>
						<a href="" class="buy-address">严于<br>律己</a>
						<a href="" class="buy-address">乐天<br>达观</a>
						<a href="" class="buy-address">温柔<br>体贴</a>
						<a href="" class="buy-address">聪明<br>伶俐</a>
						<div class="Message">
							<h1>Xus</h1>
							<p class="Address">
								<i class="iconfont"></i>&nbsp;<span>广东 · 广州</span>
							</p>
						</div>
					</div>
				</div>
				<!-- 自我介绍 -->
				<!-- 3D旋转图片 -->
				<div class="photo_album">
					<section>
						<div><img src="img/MyImg1.jpg"></div>
						<div><img src="img/MyImg7.jpg"></div>
						<div><img src="img/MyImg3.jpg"></div>
						<div><img src="img/MyImg4.jpg"></div>
						<div><img src="img/MyImg5.jpg"></div>
						<div><img src="img/MyImg6.jpg"></div>
					</section>
				</div>
				<!-- 3D旋转图片 -->
			</div>
		</div>
		<!-- 底部 -->
		<footer>
			<div class="container">
				<div class="FooterCode">
					<div class="Code1">
						<img src="img/Code.png">
						<p>微信公众号</p>
					</div>
					<div class="Code2">
						<img src="img/Mycode.png">
						<span>我的微信</span>
					</div>
				</div>
				<div class="end">
					<p>
						<b>声明：</b>
					</p>
					<p>1、本站整体均为Hzx设计，个人可以使用，但是未经许可不得用于任何商业目的。</p>
					<p>2、所有文章、个人博客模板未经授权禁止转载、摘编、复制或建立镜像，如有违反，追究法律责任。</p>
					<p>Copyright www.Hzzzzz.com.All Rights Reserved.备案号：津ICP备XXXXXXXX 公安备案号 12011XXXXXXXXX</p>
					<P>友情链接：
						<a href="https://baike.baidu.com/" target="_blank">百度百科</a>
						<a href="https://www.csdn.net/" target="_blank">CSDN</a>
						<a href="https://www.w3cschool.cn/" target="_blank">W3C</a>
					</P>
				</div>
			</div>
		</footer>
		<!-- 底部 -->
	</body>
</html>
